<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./js/jquery-weui-build/css/jquery-weui.min.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/sufferer.css">
    <script src="./js/jquery-weui-build/lib/jquery-2.1.4.js"></script>
    <script src="./js/jquery-weui-build/js/jquery-weui.min.js"></script>
    <script src="./js/common.js"></script>
    <title>患教答疑</title>
</head>

<body>
    <header class="header">
        <div class="title">
            <i class="icon-reply"></i>
            <h1 class="f14">患教答疑</h1>
        </div>
    </header>
    <section class="content">
        <div class="content_quiz">
            <ul>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="aq_preson">
                        <div class="aq_preson_username">
                            <div class="username_aq">
                                <span>问</span>
                                <span>王豆豆</span>
                            </div>
                            <span class="username">2012/02/22&nbsp;08:23:23</span>
                        </div>
                        <div class="content_text">
                            <p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>
                        </div>
                    </div>
                    <div class="doctor_reply">
                        <div class="aq_reply">
                            <div class="doctor_name_reply">
                                <span>答</span>
                                <span>徐医生</span>
                            </div>
                            <span class="doctor">2012/02/22&nbsp;08:5:26</span>
                        </div>
                        <div class="clearfix reply_text">
                            <p>快速健康撒娇了的卡的卡什么能否顺利开发拉卡就算了点解啊了</p>
                        </div>
                        <div class="ask">
                            <button>追问</button>
                        </div>
                    </div>
                </li>
                
            </ul>
        </div>
    </section>
    <footer class="footer_aq none">
        <div class="reply_content">
            <input type="text" name="content">
            <a href="javascript:;" id="send">发送</a>
        </div>
    </footer>
    <script>
        $(function () {
            $(document).delegate('.ask button', 'click', function () {
                $('.footer_aq').fadeToggle();
            })
            $(document).delegate('#send', 'click', function () {
                var html = '';
                var sendContent = $('input[name=content]').val();
                if(sendContent == ''){
                    return;
                }else{
                    $('.content_quiz ul li').append(html);
                    $.ajax({
                        url:'',
                        type:'post',
                        data: sendContent,
                        dataType:'text',
                        beforeSend:function(){
                            $('.weui-loadmore').show();
                            $('.bg_model').show();
                        },
                        success:function(info){
                            if (info.type == "success") {
                                $('.weui-loadmore').hide();
                                $('.bg_model').hide();
                                html = '<div class="aq_preson">'+
                                            '< div class="aq_preson_username" >'+
                                                '<div class="username_aq">'+
                                                    '<span>问</span>'+
                                                    '<span>王豆豆</span>'+
                                                '</div>'+
                                                '<span class="username">2012/02/22&nbsp;08:23:23</span>'+
                                            '</div >'+
                                            '<div class="content_text">'+
                                                '<p>提问的问题的测试test提问的问题的测试test提问的问题的测试test.......</p>'+
                                            '</div>'+
                                        '</div >'
                                $('.content_quiz ul li').append(html);
                            } else {
                                // $('.bg_model').fadeIn();
                                // $('.modal_content').fadeIn().text(data.message);
                                // timer();
                            }
                        }
                    })
                }
            })
        })
    </script>
</body>

</html>